
		<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
		<html xmlns="http://www.w3.org/1999/xhtml"
			xmlns:h="http://java.sun.com/jsf/html"
			xmlns:f="http://java.sun.com/jsf/core"
			xmlns:rich="http://richfaces.org/rich"
			xmlns:a4j="http://richfaces.org/a4j"
			xmlns:ui="http://java.sun.com/jsf/facelets">
			 <section class="proyectosWrapper">
			 	<div>
			 		<h:outputLabel value="Usuarios" />
			 	</div>
			 	<div>
				 	<rich:select id="usuarios" value="#{mixerBean.usuario}" converter="#{usuariosConverter}">
						<f:selectItems value="#{mixerBean.usuarios}" var="usu"  itemValue="#{usu}" itemLabel="#{usu.usuario.nombre}" />
						<a4j:ajax event="selectitem"  render="usuarios,proyectos,activo1,activo2,activo3,activo4,activo5,activo6,activo7,activo8"  limitRender="true" execute="usuarios,proyectos" />
					</rich:select>
				</div>
				<div>
			 		<h:outputLabel value="Proyectos" />
			 	</div>
				<div>
				 	<rich:select id="proyectos" value="#{mixerBean.proyecto}"  converter="#{proyectosConverter}" >
						<f:selectItems value="#{mixerBean.usuario.usuario.proyectos}" var="pro"  itemValue="#{pro}" itemLabel="#{pro.nombre}" />
						<a4j:ajax  event="selectitem" listener="#{mixerBean.seleccionarProyectos}" execute="@this" limitRender="true"  render="proyectos,src1,src2,src3,src4,src5,src6,src7,src8,activo1,activo2,activo3,activo4,activo5,activo6,activo7,activo8 "  oncomplete="recargar();" ></a4j:ajax>
					</rich:select>
				</div>
			 </section>
			
	        <section class="canalesWrapper">
	        <h:form enctype="multipart/form-data">
	        </h:form>
	 		
	            <div class="canal">
				    <rich:popupPanel id="popupCargar1" modal="true" autosized="true" onmaskclick="#{rich:component('popupCargar1')}.hide()">
				        <f:facet name="header">
				            <h:outputText value="CargarArchivo" />
				        </f:facet>
				        <f:facet name="controls">
				            <h:outputLink value="#" onclick="#{rich:component('popupCargar1')}.hide(); return false;">
				                X
				            </h:outputLink>
				        </f:facet>
				        <h:form enctype="multipart/form-data">
					            	<rich:fileUpload render="tableSrc, src1, activo1" id="cargar1" 
					            	onuploadcomplete="#{rich:component('popupCargar1')}.hide(); recargar();return false;"
					            	fileUploadListener="#{mixerBean.cargaArchivo}" acceptedTypes="mp3" immediateUpload="true" >
						            </rich:fileUpload>
						</h:form>						            
				    </rich:popupPanel>
	            	<div id="control1" class="control">
	            		<div class="numeroCanal" title="Canal Número: 1" alt="Canal Número: 1">
	            			1
	            		</div>
	            		
	            			
		            		<input  
		            		
		            		type="button"
		            		
		            		class="reproducir"
		            		
		            		onclick="control('1','reproducir',this)"
		            		title="reproducir" alt="reproducir" 
		            		id="controlreproducir1"  />
		            		 
	            		
	            			
		            		<input  
		            		
		            		type="button"
		            		
		            		class="pausar"
		            		
		            		onclick="control('1','pausar',this)"
		            		title="pausar" alt="pausar" 
		            		id="controlpausar1"  />
		            		 
	            		
	            			
		            		<input  
		            		
		            		type="button"
		            		
		            		class="parar"
		            		
		            		onclick="control('1','parar',this)"
		            		title="parar" alt="parar" 
		            		id="controlparar1"  />
		            		 
	            		
	            			
		            		<input  
		            		
			            	type="range" min="0" max="1" onchange="control('1','volumen',this)" value="1" step="0.1"
		            		
		            		class="volumen"
		            		
		            		onclick="control('1','volumen',this)"
		            		title="volumen" alt="volumen" 
		            		id="controlvolumen1"  />
		            		 
	            		
	            			
	            			<a4j:commandButton action="#{mixerBean.guardar}" execute="controlguardar1,fuente,pista,volumen"
	            			render="controlguardar1, messagePopup" limitRender="true" status="ajaxStatus"
	            			styleClass="guardar" 
	            			
		            		onclick="control('1','guardar',this)"
		            		title="guardar" alt="guardar" 
		            		id="controlguardar1"  />
		            		 
	            		
	            		<div class="activo">
	            		<h:selectBooleanCheckbox id="activo1" readonly="true" disabled="true" value="#{mixerBean.esActivo(1)}" />
	            		<h:outputLabel value="#{recursos['activo']}" for="activo1" />
	            		</div>
	            	</div>
	                <canvas id="grafica1" >
	                </canvas>
	                
	                <a4j:mediaOutput id="src1" cacheable="false" element="audio" uriAttribute="src" mimeType="audio/mpeg" value="1" createContent="#{mixerBean.paintMusic}" styleClass="srcFuente 1" />
	                <audio id="src1" type="audio/mpeg" >
					</audio>
	            </div>
	 		
	            <div class="canal">
				    <rich:popupPanel id="popupCargar2" modal="true" autosized="true" onmaskclick="#{rich:component('popupCargar2')}.hide()">
				        <f:facet name="header">
				            <h:outputText value="CargarArchivo" />
				        </f:facet>
				        <f:facet name="controls">
				            <h:outputLink value="#" onclick="#{rich:component('popupCargar2')}.hide(); return false;">
				                X
				            </h:outputLink>
				        </f:facet>
				        <h:form enctype="multipart/form-data">
					            	<rich:fileUpload render="tableSrc, src2, activo2" id="cargar2" 
					            	onuploadcomplete="#{rich:component('popupCargar2')}.hide(); recargar();return false;"
					            	fileUploadListener="#{mixerBean.cargaArchivo}" acceptedTypes="mp3" immediateUpload="true" >
						            </rich:fileUpload>
						</h:form>						            
				    </rich:popupPanel>
	            	<div id="control2" class="control">
	            		<div class="numeroCanal" title="Canal Número: 2" alt="Canal Número: 2">
	            			2
	            		</div>
	            		
	            			
		            		<input  
		            		
		            		type="button"
		            		
		            		class="reproducir"
		            		
		            		onclick="control('2','reproducir',this)"
		            		title="reproducir" alt="reproducir" 
		            		id="controlreproducir2"  />
		            		 
	            		
	            			
		            		<input  
		            		
		            		type="button"
		            		
		            		class="pausar"
		            		
		            		onclick="control('2','pausar',this)"
		            		title="pausar" alt="pausar" 
		            		id="controlpausar2"  />
		            		 
	            		
	            			
		            		<input  
		            		
		            		type="button"
		            		
		            		class="parar"
		            		
		            		onclick="control('2','parar',this)"
		            		title="parar" alt="parar" 
		            		id="controlparar2"  />
		            		 
	            		
	            			
		            		<input  
		            		
			            	type="range" min="0" max="1" onchange="control('2','volumen',this)" value="1" step="0.1"
		            		
		            		class="volumen"
		            		
		            		onclick="control('2','volumen',this)"
		            		title="volumen" alt="volumen" 
		            		id="controlvolumen2"  />
		            		 
	            		
	            			
	            			<a4j:commandButton action="#{mixerBean.guardar}" execute="controlguardar2,fuente,pista,volumen"
	            			render="controlguardar2, messagePopup" limitRender="true" status="ajaxStatus"
	            			styleClass="guardar" 
	            			
		            		onclick="control('2','guardar',this)"
		            		title="guardar" alt="guardar" 
		            		id="controlguardar2"  />
		            		 
	            		
	            		<div class="activo">
	            		<h:selectBooleanCheckbox id="activo2" readonly="true" disabled="true" value="#{mixerBean.esActivo(2)}" />
	            		<h:outputLabel value="#{recursos['activo']}" for="activo2" />
	            		</div>
	            	</div>
	                <canvas id="grafica2" >
	                </canvas>
	                
	                <a4j:mediaOutput id="src2" cacheable="false" element="audio" uriAttribute="src" mimeType="audio/mpeg" value="2" createContent="#{mixerBean.paintMusic}" styleClass="srcFuente 2" />
	                <audio id="src2" type="audio/mpeg" >
					</audio>
	            </div>
	 		
	            <div class="canal">
				    <rich:popupPanel id="popupCargar3" modal="true" autosized="true" onmaskclick="#{rich:component('popupCargar3')}.hide()">
				        <f:facet name="header">
				            <h:outputText value="CargarArchivo" />
				        </f:facet>
				        <f:facet name="controls">
				            <h:outputLink value="#" onclick="#{rich:component('popupCargar3')}.hide(); return false;">
				                X
				            </h:outputLink>
				        </f:facet>
				        <h:form enctype="multipart/form-data">
					            	<rich:fileUpload render="tableSrc, src3, activo3" id="cargar3" 
					            	onuploadcomplete="#{rich:component('popupCargar3')}.hide(); recargar();return false;"
					            	fileUploadListener="#{mixerBean.cargaArchivo}" acceptedTypes="mp3" immediateUpload="true" >
						            </rich:fileUpload>
						</h:form>						            
				    </rich:popupPanel>
	            	<div id="control3" class="control">
	            		<div class="numeroCanal" title="Canal Número: 3" alt="Canal Número: 3">
	            			3
	            		</div>
	            		
	            			
		            		<input  
		            		
		            		type="button"
		            		
		            		class="reproducir"
		            		
		            		onclick="control('3','reproducir',this)"
		            		title="reproducir" alt="reproducir" 
		            		id="controlreproducir3"  />
		            		 
	            		
	            			
		            		<input  
		            		
		            		type="button"
		            		
		            		class="pausar"
		            		
		            		onclick="control('3','pausar',this)"
		            		title="pausar" alt="pausar" 
		            		id="controlpausar3"  />
		            		 
	            		
	            			
		            		<input  
		            		
		            		type="button"
		            		
		            		class="parar"
		            		
		            		onclick="control('3','parar',this)"
		            		title="parar" alt="parar" 
		            		id="controlparar3"  />
		            		 
	            		
	            			
		            		<input  
		            		
			            	type="range" min="0" max="1" onchange="control('3','volumen',this)" value="1" step="0.1"
		            		
		            		class="volumen"
		            		
		            		onclick="control('3','volumen',this)"
		            		title="volumen" alt="volumen" 
		            		id="controlvolumen3"  />
		            		 
	            		
	            			
	            			<a4j:commandButton action="#{mixerBean.guardar}" execute="controlguardar3,fuente,pista,volumen"
	            			render="controlguardar3, messagePopup" limitRender="true" status="ajaxStatus"
	            			styleClass="guardar" 
	            			
		            		onclick="control('3','guardar',this)"
		            		title="guardar" alt="guardar" 
		            		id="controlguardar3"  />
		            		 
	            		
	            		<div class="activo">
	            		<h:selectBooleanCheckbox id="activo3" readonly="true" disabled="true" value="#{mixerBean.esActivo(3)}" />
	            		<h:outputLabel value="#{recursos['activo']}" for="activo3" />
	            		</div>
	            	</div>
	                <canvas id="grafica3" >
	                </canvas>
	                
	                <a4j:mediaOutput id="src3" cacheable="false" element="audio" uriAttribute="src" mimeType="audio/mpeg" value="3" createContent="#{mixerBean.paintMusic}" styleClass="srcFuente 3" />
	                <audio id="src3" type="audio/mpeg" >
					</audio>
	            </div>
	 		
	            <div class="canal">
				    <rich:popupPanel id="popupCargar4" modal="true" autosized="true" onmaskclick="#{rich:component('popupCargar4')}.hide()">
				        <f:facet name="header">
				            <h:outputText value="CargarArchivo" />
				        </f:facet>
				        <f:facet name="controls">
				            <h:outputLink value="#" onclick="#{rich:component('popupCargar4')}.hide(); return false;">
				                X
				            </h:outputLink>
				        </f:facet>
				        <h:form enctype="multipart/form-data">
					            	<rich:fileUpload render="tableSrc, src4, activo4" id="cargar4" 
					            	onuploadcomplete="#{rich:component('popupCargar4')}.hide(); recargar();return false;"
					            	fileUploadListener="#{mixerBean.cargaArchivo}" acceptedTypes="mp3" immediateUpload="true" >
						            </rich:fileUpload>
						</h:form>						            
				    </rich:popupPanel>
	            	<div id="control4" class="control">
	            		<div class="numeroCanal" title="Canal Número: 4" alt="Canal Número: 4">
	            			4
	            		</div>
	            		
	            			
		            		<input  
		            		
		            		type="button"
		            		
		            		class="reproducir"
		            		
		            		onclick="control('4','reproducir',this)"
		            		title="reproducir" alt="reproducir" 
		            		id="controlreproducir4"  />
		            		 
	            		
	            			
		            		<input  
		            		
		            		type="button"
		            		
		            		class="pausar"
		            		
		            		onclick="control('4','pausar',this)"
		            		title="pausar" alt="pausar" 
		            		id="controlpausar4"  />
		            		 
	            		
	            			
		            		<input  
		            		
		            		type="button"
		            		
		            		class="parar"
		            		
		            		onclick="control('4','parar',this)"
		            		title="parar" alt="parar" 
		            		id="controlparar4"  />
		            		 
	            		
	            			
		            		<input  
		            		
			            	type="range" min="0" max="1" onchange="control('4','volumen',this)" value="1" step="0.1"
		            		
		            		class="volumen"
		            		
		            		onclick="control('4','volumen',this)"
		            		title="volumen" alt="volumen" 
		            		id="controlvolumen4"  />
		            		 
	            		
	            			
	            			<a4j:commandButton action="#{mixerBean.guardar}" execute="controlguardar4,fuente,pista,volumen"
	            			render="controlguardar4, messagePopup" limitRender="true" status="ajaxStatus"
	            			styleClass="guardar" 
	            			
		            		onclick="control('4','guardar',this)"
		            		title="guardar" alt="guardar" 
		            		id="controlguardar4"  />
		            		 
	            		
	            		<div class="activo">
	            		<h:selectBooleanCheckbox id="activo4" readonly="true" disabled="true" value="#{mixerBean.esActivo(4)}" />
	            		<h:outputLabel value="#{recursos['activo']}" for="activo4" />
	            		</div>
	            	</div>
	                <canvas id="grafica4" >
	                </canvas>
	                
	                <a4j:mediaOutput id="src4" cacheable="false" element="audio" uriAttribute="src" mimeType="audio/mpeg" value="4" createContent="#{mixerBean.paintMusic}" styleClass="srcFuente 4" />
	                <audio id="src4" type="audio/mpeg" >
					</audio>
	            </div>
	 		
	            <div class="canal">
				    <rich:popupPanel id="popupCargar5" modal="true" autosized="true" onmaskclick="#{rich:component('popupCargar5')}.hide()">
				        <f:facet name="header">
				            <h:outputText value="CargarArchivo" />
				        </f:facet>
				        <f:facet name="controls">
				            <h:outputLink value="#" onclick="#{rich:component('popupCargar5')}.hide(); return false;">
				                X
				            </h:outputLink>
				        </f:facet>
				        <h:form enctype="multipart/form-data">
					            	<rich:fileUpload render="tableSrc, src5, activo5" id="cargar5" 
					            	onuploadcomplete="#{rich:component('popupCargar5')}.hide(); recargar();return false;"
					            	fileUploadListener="#{mixerBean.cargaArchivo}" acceptedTypes="mp3" immediateUpload="true" >
						            </rich:fileUpload>
						</h:form>						            
				    </rich:popupPanel>
	            	<div id="control5" class="control">
	            		<div class="numeroCanal" title="Canal Número: 5" alt="Canal Número: 5">
	            			5
	            		</div>
	            		
	            			
		            		<input  
		            		
		            		type="button"
		            		
		            		class="reproducir"
		            		
		            		onclick="control('5','reproducir',this)"
		            		title="reproducir" alt="reproducir" 
		            		id="controlreproducir5"  />
		            		 
	            		
	            			
		            		<input  
		            		
		            		type="button"
		            		
		            		class="pausar"
		            		
		            		onclick="control('5','pausar',this)"
		            		title="pausar" alt="pausar" 
		            		id="controlpausar5"  />
		            		 
	            		
	            			
		            		<input  
		            		
		            		type="button"
		            		
		            		class="parar"
		            		
		            		onclick="control('5','parar',this)"
		            		title="parar" alt="parar" 
		            		id="controlparar5"  />
		            		 
	            		
	            			
		            		<input  
		            		
			            	type="range" min="0" max="1" onchange="control('5','volumen',this)" value="1" step="0.1"
		            		
		            		class="volumen"
		            		
		            		onclick="control('5','volumen',this)"
		            		title="volumen" alt="volumen" 
		            		id="controlvolumen5"  />
		            		 
	            		
	            			
	            			<a4j:commandButton action="#{mixerBean.guardar}" execute="controlguardar5,fuente,pista,volumen"
	            			render="controlguardar5, messagePopup" limitRender="true" status="ajaxStatus"
	            			styleClass="guardar" 
	            			
		            		onclick="control('5','guardar',this)"
		            		title="guardar" alt="guardar" 
		            		id="controlguardar5"  />
		            		 
	            		
	            		<div class="activo">
	            		<h:selectBooleanCheckbox id="activo5" readonly="true" disabled="true" value="#{mixerBean.esActivo(5)}" />
	            		<h:outputLabel value="#{recursos['activo']}" for="activo5" />
	            		</div>
	            	</div>
	                <canvas id="grafica5" >
	                </canvas>
	                
	                <a4j:mediaOutput id="src5" cacheable="false" element="audio" uriAttribute="src" mimeType="audio/mpeg" value="5" createContent="#{mixerBean.paintMusic}" styleClass="srcFuente 5" />
	                <audio id="src5" type="audio/mpeg" >
					</audio>
	            </div>
	 		
	            <div class="canal">
				    <rich:popupPanel id="popupCargar6" modal="true" autosized="true" onmaskclick="#{rich:component('popupCargar6')}.hide()">
				        <f:facet name="header">
				            <h:outputText value="CargarArchivo" />
				        </f:facet>
				        <f:facet name="controls">
				            <h:outputLink value="#" onclick="#{rich:component('popupCargar6')}.hide(); return false;">
				                X
				            </h:outputLink>
				        </f:facet>
				        <h:form enctype="multipart/form-data">
					            	<rich:fileUpload render="tableSrc, src6, activo6" id="cargar6" 
					            	onuploadcomplete="#{rich:component('popupCargar6')}.hide(); recargar();return false;"
					            	fileUploadListener="#{mixerBean.cargaArchivo}" acceptedTypes="mp3" immediateUpload="true" >
						            </rich:fileUpload>
						</h:form>						            
				    </rich:popupPanel>
	            	<div id="control6" class="control">
	            		<div class="numeroCanal" title="Canal Número: 6" alt="Canal Número: 6">
	            			6
	            		</div>
	            		
	            			
		            		<input  
		            		
		            		type="button"
		            		
		            		class="reproducir"
		            		
		            		onclick="control('6','reproducir',this)"
		            		title="reproducir" alt="reproducir" 
		            		id="controlreproducir6"  />
		            		 
	            		
	            			
		            		<input  
		            		
		            		type="button"
		            		
		            		class="pausar"
		            		
		            		onclick="control('6','pausar',this)"
		            		title="pausar" alt="pausar" 
		            		id="controlpausar6"  />
		            		 
	            		
	            			
		            		<input  
		            		
		            		type="button"
		            		
		            		class="parar"
		            		
		            		onclick="control('6','parar',this)"
		            		title="parar" alt="parar" 
		            		id="controlparar6"  />
		            		 
	            		
	            			
		            		<input  
		            		
			            	type="range" min="0" max="1" onchange="control('6','volumen',this)" value="1" step="0.1"
		            		
		            		class="volumen"
		            		
		            		onclick="control('6','volumen',this)"
		            		title="volumen" alt="volumen" 
		            		id="controlvolumen6"  />
		            		 
	            		
	            			
	            			<a4j:commandButton action="#{mixerBean.guardar}" execute="controlguardar6,fuente,pista,volumen"
	            			render="controlguardar6, messagePopup" limitRender="true" status="ajaxStatus"
	            			styleClass="guardar" 
	            			
		            		onclick="control('6','guardar',this)"
		            		title="guardar" alt="guardar" 
		            		id="controlguardar6"  />
		            		 
	            		
	            		<div class="activo">
	            		<h:selectBooleanCheckbox id="activo6" readonly="true" disabled="true" value="#{mixerBean.esActivo(6)}" />
	            		<h:outputLabel value="#{recursos['activo']}" for="activo6" />
	            		</div>
	            	</div>
	                <canvas id="grafica6" >
	                </canvas>
	                
	                <a4j:mediaOutput id="src6" cacheable="false" element="audio" uriAttribute="src" mimeType="audio/mpeg" value="6" createContent="#{mixerBean.paintMusic}" styleClass="srcFuente 6" />
	                <audio id="src6" type="audio/mpeg" >
					</audio>
	            </div>
	 		
	            <div class="canal">
				    <rich:popupPanel id="popupCargar7" modal="true" autosized="true" onmaskclick="#{rich:component('popupCargar7')}.hide()">
				        <f:facet name="header">
				            <h:outputText value="CargarArchivo" />
				        </f:facet>
				        <f:facet name="controls">
				            <h:outputLink value="#" onclick="#{rich:component('popupCargar7')}.hide(); return false;">
				                X
				            </h:outputLink>
				        </f:facet>
				        <h:form enctype="multipart/form-data">
					            	<rich:fileUpload render="tableSrc, src7, activo7" id="cargar7" 
					            	onuploadcomplete="#{rich:component('popupCargar7')}.hide(); recargar();return false;"
					            	fileUploadListener="#{mixerBean.cargaArchivo}" acceptedTypes="mp3" immediateUpload="true" >
						            </rich:fileUpload>
						</h:form>						            
				    </rich:popupPanel>
	            	<div id="control7" class="control">
	            		<div class="numeroCanal" title="Canal Número: 7" alt="Canal Número: 7">
	            			7
	            		</div>
	            		
	            			
		            		<input  
		            		
		            		type="button"
		            		
		            		class="reproducir"
		            		
		            		onclick="control('7','reproducir',this)"
		            		title="reproducir" alt="reproducir" 
		            		id="controlreproducir7"  />
		            		 
	            		
	            			
		            		<input  
		            		
		            		type="button"
		            		
		            		class="pausar"
		            		
		            		onclick="control('7','pausar',this)"
		            		title="pausar" alt="pausar" 
		            		id="controlpausar7"  />
		            		 
	            		
	            			
		            		<input  
		            		
		            		type="button"
		            		
		            		class="parar"
		            		
		            		onclick="control('7','parar',this)"
		            		title="parar" alt="parar" 
		            		id="controlparar7"  />
		            		 
	            		
	            			
		            		<input  
		            		
			            	type="range" min="0" max="1" onchange="control('7','volumen',this)" value="1" step="0.1"
		            		
		            		class="volumen"
		            		
		            		onclick="control('7','volumen',this)"
		            		title="volumen" alt="volumen" 
		            		id="controlvolumen7"  />
		            		 
	            		
	            			
	            			<a4j:commandButton action="#{mixerBean.guardar}" execute="controlguardar7,fuente,pista,volumen"
	            			render="controlguardar7, messagePopup" limitRender="true" status="ajaxStatus"
	            			styleClass="guardar" 
	            			
		            		onclick="control('7','guardar',this)"
		            		title="guardar" alt="guardar" 
		            		id="controlguardar7"  />
		            		 
	            		
	            		<div class="activo">
	            		<h:selectBooleanCheckbox id="activo7" readonly="true" disabled="true" value="#{mixerBean.esActivo(7)}" />
	            		<h:outputLabel value="#{recursos['activo']}" for="activo7" />
	            		</div>
	            	</div>
	                <canvas id="grafica7" >
	                </canvas>
	                
	                <a4j:mediaOutput id="src7" cacheable="false" element="audio" uriAttribute="src" mimeType="audio/mpeg" value="7" createContent="#{mixerBean.paintMusic}" styleClass="srcFuente 7" />
	                <audio id="src7" type="audio/mpeg" >
					</audio>
	            </div>
	 		
	            <div class="canal">
				    <rich:popupPanel id="popupCargar8" modal="true" autosized="true" onmaskclick="#{rich:component('popupCargar8')}.hide()">
				        <f:facet name="header">
				            <h:outputText value="CargarArchivo" />
				        </f:facet>
				        <f:facet name="controls">
				            <h:outputLink value="#" onclick="#{rich:component('popupCargar8')}.hide(); return false;">
				                X
				            </h:outputLink>
				        </f:facet>
				        <h:form enctype="multipart/form-data">
					            	<rich:fileUpload render="tableSrc, src8, activo8" id="cargar8" 
					            	onuploadcomplete="#{rich:component('popupCargar8')}.hide(); recargar();return false;"
					            	fileUploadListener="#{mixerBean.cargaArchivo}" acceptedTypes="mp3" immediateUpload="true" >
						            </rich:fileUpload>
						</h:form>						            
				    </rich:popupPanel>
	            	<div id="control8" class="control">
	            		<div class="numeroCanal" title="Canal Número: 8" alt="Canal Número: 8">
	            			8
	            		</div>
	            		
	            			
		            		<input  
		            		
		            		type="button"
		            		
		            		class="reproducir"
		            		
		            		onclick="control('8','reproducir',this)"
		            		title="reproducir" alt="reproducir" 
		            		id="controlreproducir8"  />
		            		 
	            		
	            			
		            		<input  
		            		
		            		type="button"
		            		
		            		class="pausar"
		            		
		            		onclick="control('8','pausar',this)"
		            		title="pausar" alt="pausar" 
		            		id="controlpausar8"  />
		            		 
	            		
	            			
		            		<input  
		            		
		            		type="button"
		            		
		            		class="parar"
		            		
		            		onclick="control('8','parar',this)"
		            		title="parar" alt="parar" 
		            		id="controlparar8"  />
		            		 
	            		
	            			
		            		<input  
		            		
			            	type="range" min="0" max="1" onchange="control('8','volumen',this)" value="1" step="0.1"
		            		
		            		class="volumen"
		            		
		            		onclick="control('8','volumen',this)"
		            		title="volumen" alt="volumen" 
		            		id="controlvolumen8"  />
		            		 
	            		
	            			
	            			<a4j:commandButton action="#{mixerBean.guardar}" execute="controlguardar8,fuente,pista,volumen"
	            			render="controlguardar8, messagePopup" limitRender="true" status="ajaxStatus"
	            			styleClass="guardar" 
	            			
		            		onclick="control('8','guardar',this)"
		            		title="guardar" alt="guardar" 
		            		id="controlguardar8"  />
		            		 
	            		
	            		<div class="activo">
	            		<h:selectBooleanCheckbox id="activo8" readonly="true" disabled="true" value="#{mixerBean.esActivo(8)}" />
	            		<h:outputLabel value="#{recursos['activo']}" for="activo8" />
	            		</div>
	            	</div>
	                <canvas id="grafica8" >
	                </canvas>
	                
	                <a4j:mediaOutput id="src8" cacheable="false" element="audio" uriAttribute="src" mimeType="audio/mpeg" value="8" createContent="#{mixerBean.paintMusic}" styleClass="srcFuente 8" />
	                <audio id="src8" type="audio/mpeg" >
					</audio>
	            </div>
	 		
	        </section>
	        <section class="controlesArchivoWrapper">
	        <article class="cargaArchivo">
	        	<div class="mensaje">
        			<h:outputText value="#{recursos['cargarArchivo']}" />
	        	</div>
	        	
	        	<header><h:outputText value="#{recursos['canal']}" /></header>
	        	<rich:select id="canalCargar" styleClass="canalCargar" value="#{mixerBean.canalCargar}" >
	        		<a4j:ajax event="selectitem" render="cargarBoton" />
				
					<f:selectItem id="lista1" itemValue="1" itemLabel="#{recursos['canal']} 1" />
				
					<f:selectItem id="lista2" itemValue="2" itemLabel="#{recursos['canal']} 2" />
				
					<f:selectItem id="lista3" itemValue="3" itemLabel="#{recursos['canal']} 3" />
				
					<f:selectItem id="lista4" itemValue="4" itemLabel="#{recursos['canal']} 4" />
				
					<f:selectItem id="lista5" itemValue="5" itemLabel="#{recursos['canal']} 5" />
				
					<f:selectItem id="lista6" itemValue="6" itemLabel="#{recursos['canal']} 6" />
				
					<f:selectItem id="lista7" itemValue="7" itemLabel="#{recursos['canal']} 7" />
				
					<f:selectItem id="lista8" itemValue="8" itemLabel="#{recursos['canal']} 8" />
				
				</rich:select>
				<h:commandButton value="Cargar" id="cargarBoton">
        			<rich:componentControl target="popupCargar#{mixerBean.canalCargar}" operation="show" />
    			</h:commandButton>
				
	        </article>
	        <article class="descargaArchivo">
	        		<div class="mensaje">
	        			<h:outputText value="#{recursos['descargarArchivo']}" />
	        		</div>
	        		<div id="controlDescarga" class="control">
	            		<div class="numeroCanal" title="Canal Número: mezcla" alt="Canal Número: mezcla">
	            			mezcla
	            		</div>
	            		
	            		
		            		
	            		<input onclick="control('Descarga','reproducir',this)" 
			            	
		            		type="button"
		            		id="controlreproducirDescarga" class="reproducir" 
		            		title="reproducir" alt="reproducir" />
		            		
	            		
	            		
		            		
	            		<input onclick="control('Descarga','parar',this)" 
			            	
		            		type="button"
		            		id="controlpararDescarga" class="parar" 
		            		title="parar" alt="parar" />
		            		
	            		
	            	</div>
	            	
	        </article>
	        </section>
	        
	        <section>
	            <h:inputHidden id="pista" value="#{mixerBean.pista}" />
	            <h:inputHidden id="volumen" value="#{mixerBean.volumen}" />
	        </section>
	        
		</html>
		
		